<!DOCTYPE html>
<html>

<head>
  <title></title>
  <#include "/header.html">
  <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap-datetimepicker.min.css">
  <script src="${request.contextPath}/statics/libs/bootstrap-datetimepicker.min.js" ></script>
  <script src="${request.contextPath}/statics/libs/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
  <script src="${request.contextPath}/statics/libs/echarts.common.min.js"></script>
</head>

<body>
<div id="rrapp" v-cloak>
  <div v-show="showList">
    <div class="select-btn-grid">
      <div class="grid-select">
        <div class="select-group">
          <span>X　轴：</span>
          <select class="select-grid select-xAxis" style="width: 100px;">
            <option value="0">请选择</option>
            <option v-for="(xAxis, index) of selectCondition.xAxiss" :key="index" :value="xAxis.id">{{xAxis.name}}</option>
          </select>
        </div>
        <div class="select-group">
          <span>Y　轴：</span>
          <select class="select-grid select-yAxis" style="width: 100px;">
            <option value="0">请选择</option>
            <option v-for="(yAxis, index) of selectCondition.yAxiss" :key="index" :value="yAxis.id">{{yAxis.name}}</option>
          </select>
        </div>
      </div>

      <div class="grid-select">
        <div class="select-group">
          <span>条　件：</span>
        </div>
        <div class="select-group">
          <span>城　市：</span>
          <select class="select-grid select-grade" style="width: 80px;">
            <option value="0">请选择</option>
            <option v-for="(city, index) of selectCondition.citys" :key="index" :value="city.name">{{city.name}}</option>
          </select>
        </div>
      </div><!-- select-group选择框组 -->

      <div class="grid-btn-group">
        <div class="grid-btn">
          <a class="btn btn-sm btn-success" @click="select"><i class="fa fa-search"></i>&nbsp;查询</a>
          <a class="btn btn-sm btn-primary" @click="switchCharts"><i class="fa fa-exchange"></i>&nbsp;切换</a>
          <a class="btn btn-sm btn-primary" @click="exportCharts"><i class="fa fa-sign-out"></i>&nbsp;导出</a>
        </div><!-- 按钮组 -->
      </div>
    </div>

    <div id="myCharts" style="width: 100%; height: 400px;"></div>
    <div id="myCharts2" style="width: 100%; height: 400px;"></div>
  </div>

</div>

<script src="${request.contextPath}/statics/js/modules/mis/statistics.js?_${.now?long}"></script>
</body>

</html>